
.banner{
    width: 100%;
    max-width: 1920px;
    min-width: 1024px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}
.banner #home-banner{
    position: relative;
    height: 450px;
}
.banner .slide-item{
    display: none;
    width:100%;
    height: 450px;
    position: absolute;
}
.banner .curr{ display: block;}
.banner .slide-item a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner .home-slide{
    width: 1024px;
    margin:0 auto;
    position: relative;
    z-index: 100;
    height: 45px;
    margin-top: -60px;
}
.banner .thumbs{
    position: absolute;
    right: 0px;
    bottom: 0;
}
.banner .thumbs li{
    float: left;
    padding: 1px;
    background-color: #fff;
    border: 1px #7FA5B8 solid;
    margin-right: 5px;
    cursor: pointer;
    margin-left: 8px;
    position: relative;
}
.banner .thumbs li .mask{
    opacity: 0.4;
    filter:alpha(opacity=40);
    background-color: #000;
    width: 38px;
    height: 28px;
    position: absolute;
    top: 1px;
    left: 1px;
}
.banner .thumbs li.curr .mask{
    opacity: 0;
    filter:alpha(opacity=0);
}
.banner .thumbs li img{
    width: 38px;
    height: 28px;
}



/*四块导航*/
.four-nav{
    clear:both;
    height:66px;
    margin-bottom: 15px;
}
.four-nav li{
    float:left;
    width:255px;
    min-height:60px;
    line-height:20px;
    padding:0px 0 ;
    font-size:15px;
    position:relative;
    color:#000;
    cursor: pointer;
}
.four-nav li h5{
    margin: 0;
    padding-left: 18px;  
    padding-bottom: 10px;  
    padding-top:10px;
    margin-top: 10px;
}

.four-nav li.one{ 
    border-top:6px #00477f solid; 
}
.four-nav li.two{ 
    border-top:6px #00aae8 solid; 
}
.four-nav li.three{ 
    border-top:6px #8fc320 solid; 
}
.four-nav li.four{ 
    border-top:6px #ec6c00 solid; 
}

.four-nav li.one h5{
    border-left: 1px solid #00477f;
} 
.four-nav li.two h5{
    border-left: 1px solid #00aae8;
} 
.four-nav li.three h5{
    border-left: 1px solid #8fc320;
} 
.four-nav li.four h5{
    border-left: 1px solid #ec6c00;
} 


.four-nav li.one:hover{
    color:#fff;
    background-color:#00477f;
}
.four-nav li.two:hover{
    color:#fff;
    background-color:#00aae8;
}
.four-nav li.three:hover{
    color:#fff;
    background-color:#8fc320;
}
.four-nav li.four:hover{
    color:#fff;
    background-color:#ec6c00;
}
.four-nav .color-box{
    position:absolute;
    width:255px;
    height:120px;
    left:0;
    bottom:66px;
    z-index:999;
    background: rgba(255,255,255,0.8);
    padding:13px 0 13px 20px;
    line-height:24px;
    font-size:12px;
    display:none;
}
.four-nav .mask{
    opacity: 0.8;
    filter:alpha(opacity=90);
    background-color: #fff;
    position:absolute;
    width:255px;
    height:120px;
    left:0;
    bottom:66px;
    z-index:998;
    background: rgba(255,255,255,0.8);
    padding:13px 0 13px 20px;
    display:none;
}
.four-nav .color-box .nav{
    width:100%;
}
.four-nav .color-box p{
    width:230px;
    height:24px;
    padding-left:10px;
    background:url(1307309.png) left center no-repeat;
    overflow:hidden;
}

.four-nav li.mouse .color-box,
.four-nav li.mouse .mask{ display:block; }

/*
scroll theme
*/
.four-nav li.one .mcsb_scrolltools .mcsb_draggerrail{
    background-color: #004780 !important;
}
.four-nav li.one .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
    background-color: #004780 !important;
    border-radius: 0 !important;
}
.four-nav li.two .mcsb_scrolltools .mcsb_draggerrail{
    background-color: #00aae8 !important;
}
.four-nav li.two .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
    background-color: #00aae8 !important;
    border-radius: 0 !important;
}
.four-nav li.three .mcsb_scrolltools .mcsb_draggerrail{
    background-color: #94c31d !important;
}
.four-nav li.three .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
    background-color: #94c31d !important;
    border-radius: 0 !important;
}
.four-nav li.four .mcsb_scrolltools .mcsb_draggerrail{
    background-color: #eb6c01 !important;
}
.four-nav li.four .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
    background-color: #eb6c01 !important;
    border-radius: 0 !important;
}



/*图片新闻展示*/

.pic-news {
    margin-top:15px;
    padding:20px 0;
    border-top:1px #959595 dotted;
    overflow:hidden;
    zoom:1;
}
.pic-news .info-box {
    float:left;
    width:326px;
    margin-right:20px;
}
.pic-news .info-box.mr0 {
    margin-right:0;
}
.pic-news .info-box h3 {
    padding-bottom:12px;
    line-height:24px;
    font-size:16px;
    font-weight:bold;
}
.pic-news .info-box .content {
    width:326px;
    height:219px;
    position:relative;
}
.pic-news .info-box .content:hover {
    opacity:0.9;
    filter:alpha(opacity=90);
}
.pic-news .info-box .content .bd-mask {
    position:absolute;
    left:0;
    bottom:0;
    width:326px;
    height:75px;
    background-color:#222;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.pic-news .info-box .content .txt {
    position:absolute;
    left:0;
    bottom:0;
    width:326px;
    padding:12px 20px 8px 20px;
    font-size:13px;
}
.pic-news .info-box .content .txt .t {
    height:36px;
    line-height:18px;
}
.pic-news .info-box .content .txt .m {
    text-align:right;
}
.pic-news .info-box .content .txt a {
    color:#fff;
}
.pic-news .info-box .content .txt a:hover {
    color:#fff;
    text-decoration:underline;
}
.pic-news span.jiao{
    display: block;
    position: absolute;
    background: url(1307318.png) no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}

/*
news-title
*/
.news-title {
    padding:20px 0 15px;
    margin-top:10px;
    border-top:1px #959595 dotted;
    border-bottom:1px #959595 dotted;
    overflow:hidden;
    zoom:1;
}
.news-descript{
    padding-bottom: 20px;
    margin-bottom: 10px;
    line-height: 24px;
    border-bottom:  1px dotted #ccc;
}
.news-title ul {
    height:42px;
}
.news-title li {
    float:left;
    padding:0 ;
    padding-left: 45px;
    width: 250px;
    height:42px;    
}
.news-title li a {
    display: block;
    float:left;    
    color:#000;
    font-size: 15px;
    line-height: 32px;
}
.news-title li a i{
    display: block;
    float:left;
    font-size: 35px;
    margin-right: 10px;
}
.news-title li a.active ,
.news-title li a:hover{
    color:#014c83;
}
.news-title .news-title-icon {
    height:45px;
    line-height:45px;
    padding-left:65px;
    font-size:15px;
    font-weight:bold;
    background-image: url(#);
    background-repeat: no-repeat;
    background-position: 0 0 ;
}
.news-title li a:hover {
    color:#00aae8;
}
.news-title .icon-n1 {
    background-position:0 0;
}
.news-title .icon-n1:hover , .news-title .icon-n1-active {
    background-position:0 -45px;
}
.news-title .icon-n2 {
    background-position: 0 -90px;
}
.news-title .icon-n2:hover , .news-title .icon-n2-active {
    background-position:0 -135px;
}
.news-title .icon-n3 {
    background-position: 0 -181px;
}
.news-title .icon-n3:hover , .news-title .icon-n3-active {
    background-position:0 -225px;
}
.news-title .icon-n4 {
    background-position: 0 -270px;
}
.news-title .icon-n4:hover , .news-title .icon-n4-active {
    background-position:0 -315px;
}

.news-content{
    padding-top: 30px;
}
.news-content .news-left{
    float: left;
    width: 490px;
    padding-right: 22px;
    font-size: 13px;
}
.news-content .news-left .ntopd {
    padding: 0 10px 10px 20px;
    line-height: 20px;
    border-bottom: 1px #959595 dotted;
}
.news-content .news-left .ntopd h3 {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.news-content  .more {
    clear: both;
    padding-top: 5px;
    text-align: right;
}
.news-content  .more a{
    color: #00aae8;
}
.news-content  .more a:hover{
    color: #014c83;
}
.news-content .newsli {
    clear: both;
    width: 460px;
    padding: 8px 10px 20px 0px;
}
.news-content .newsli li {
    clear: both;
    line-height: 28px;
}
.news-content .newsli li  p {
    float: left;
    width: 340px;
    height: 28px;
    overflow: hidden;
}
.news-content .newsli li span {
    float: right;
    font-size: 12px;
}
.news-content .news-right{ width:511px; height:321px; float:right; position:relative;}
.news-content .news-right #slides { position:absolute; top:15px; left:4px; z-index:100;}
.news-content .news-right #slides .prev{ position:absolute; top:297px; left:10px; width:24px; height:12px; display:block; z-index:101;}
.news-content .news-right #slides .next{ position:absolute; top:297px; right:10px; width:24px; height:12px; display:block; z-index:101;}
.news-content .news-right .slides_container { width:511px; height:321px; overflow:hidden; position:relative;}
.news-content .news-right .pagination { display: none;}
.news-content .news-right .caption { position:absolute; bottom:0px; height:35px; background:#333333; background:rgba(0,0,0, 0.9); opacity:0.8; filter:alpha(opacity=80); width:511px; overflow:hidden; font-size:13px; line-height:35px; color:#fff; text-shadow:none; text-align:center;}


	.phone-top-wrap{display: none;}
	.phone-bottom-wrap{display: none;}